import React from "react";
import Svg from "../Svg";
import { SvgProps } from "../types";

const Icon: React.FC<React.PropsWithChildren<SvgProps>> = (props) => {
  return (
    <Svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" {...props}>
      <path
        d="M2.12455 3.78873C1.63296 3.68317 1.63296 2.98176 2.12455 2.8762L3.54654 2.57085C3.72606 2.5323 3.86628 2.39207 3.90483 2.21256L4.21019 0.790564C4.31575 0.298978 5.01716 0.298979 5.12272 0.790565L5.42807 2.21256C5.46662 2.39207 5.60685 2.5323 5.78636 2.57085L7.20836 2.8762C7.69994 2.98176 7.69994 3.68317 7.20836 3.78873L5.78636 4.09409C5.60685 4.13264 5.46662 4.27286 5.42807 4.45238L5.12272 5.87437C5.01716 6.36596 4.31575 6.36596 4.21019 5.87437L3.90483 4.45238C3.86628 4.27286 3.72606 4.13264 3.54654 4.09409L2.12455 3.78873Z"
        fill={props.fill || "white"}
      />
      <path
        fill-rule="evenodd"
        clip-rule="evenodd"
        d="M7.99967 1.99914C10.577 1.99914 12.6663 4.08847 12.6663 6.6658C12.6663 9.24313 10.577 11.3325 7.99967 11.3325C5.42235 11.3325 3.33301 9.24313 3.33301 6.6658C3.33301 6.29761 3.03453 5.99914 2.66634 5.99914C2.29815 5.99914 1.99967 6.29761 1.99967 6.6658C1.99967 8.59209 2.90742 10.3064 4.31849 11.4042L3.72353 11.9991C3.47348 12.2492 3.33301 12.5883 3.33301 12.9419V14.3325C3.33301 14.8848 3.78072 15.3325 4.33301 15.3325H11.6663C12.2186 15.3325 12.6663 14.8848 12.6663 14.3325V12.9419C12.6663 12.5883 12.5259 12.2492 12.2758 11.9991L11.6809 11.4042C13.0919 10.3064 13.9997 8.59209 13.9997 6.6658C13.9997 3.35209 11.3134 0.665802 7.99967 0.665802C7.63148 0.665802 7.33301 0.964279 7.33301 1.33247C7.33301 1.70066 7.63148 1.99914 7.99967 1.99914ZM7.99967 12.6658C7.10394 12.6658 6.25405 12.4695 5.49067 12.1176L4.66634 12.9419L4.66634 13.9991H11.333V12.9419L10.5087 12.1176C9.7453 12.4695 8.89541 12.6658 7.99967 12.6658Z"
        fill={props.fill || "white"}
      />
    </Svg>
  );
};

export default Icon;
